import { Link } from "umi";
import { AppstoreOutlined, DashboardOutlined, ExperimentOutlined } from "@ant-design/icons";

export type MenuItem = {
    key: string;
    label: React.ReactNode;
    children?: MenuItem[];
    icon?: React.ReactNode;
    // type?: 'group' | 'divider';
}

export const items: MenuItem[] = [
    {
        key: '/DashBoard',
        label: <Link to="/"> DashBoard </Link>,
        icon: <DashboardOutlined />
    },
    {
        key: '/List',
        label: '列表',
        icon: <AppstoreOutlined />,
        children: [
            { key: '/List/UserList', label: <Link to="/List/UserList"> 用户列表 </Link> },
            { key: '/List/Comments', label: <Link to="/List/Comments"> 评论列表 </Link> },
        ]
    },
    {
        key: '/Playground',
        label: <Link to="/Playground"> 实验室 </Link>,
        icon: <ExperimentOutlined />
    }
]